<!-- 捕捉事件 -->

<script src="./vue.js"></script>

<div id="app">
    <div class="one1" v-on:click.self="toprera">第一个图层，最外层
        <div class="two" v-on:click="dothis">第二个图层，内部</div>
    </div>
    <div class="one1" v-on:click="toprera">第一个图层，最外层
        <div class="two" v-on:click="dothis">第二个图层，内部</div>
    </div>

</div>

<script>
    var vue = new Vue({
        el: '#app',
        data: {

        },
        methods: {
            toprera() {
                console.log("我是父元素组")
            },
            dothis() {
                console.log("我是当前元素")
            }
        }
    })
</script>

<style>
    .one1 {
        background-color: greenyellow;
    }

    .two {
        background-color: purple;
    }
</style>